/* reset */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {
	margin: 0;
	padding: 0;
}
ul, li {
	list-style: none;
}
input[type=button]:focus, input[type=submit]:focus {
	outline: none;
}  /*IE*/
input[type=button]::-moz-focus-inner {
outline:0;
}  /*firefox*/
body {
	font: 12px/1.8 Tahoma, "simsun", Arial, Helvetica, sans-serif;
	background: url(../images/bg.png) repeat;
	color: #003f66;
	padding-bottom: 20px\9;
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
.clearfix:after {
	content: "\20";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}
.clearfix {
 *zoom:1;
	display: inline-block
}
.clearfix {
	display: block
}
.clear {
	clear: both;
}
/* reset end */
.wrap{
	width:760px;
	margin:0 auto;
}
.header{
	background:url(../images/topbg.png) repeat-x;
}
.header .bg{
	background:url(../images/banner.jpg) no-repeat top center;
	height:327px;
}
.header .intro{
	font:14px/1.3 \5fae\8f6f\96c5\9ed1\000d\000a;
	padding-top:262px;
	padding-left:380px;
}
.line{
	background:url(../images/line.png) no-repeat top center;
	margin-top:-30px;
	padding-bottom:11px;
	margin-bottom:25px;
}
.game li{
	float:left;
	background:url(../images/sprites.png) no-repeat;
	width:100px;
	height:115px;
	margin-top:50px;
	margin-left:40px;
	*margin-left:20px;
	text-indent:-12345px;
}
.game li.second{
	background-position:-100px 0;
	margin-top:55px;
	margin-left:0;
}
.game li.third{
	background-position:-200px 0;
	margin-top:70px;
	margin-left:5px;
}
.game li.fourth{
	background-position:-300px 0;
	margin-top:85px;
	margin-left:10px;
}
.game li.fifth{
	background-position:-400px 0;
	margin-top:85px;
	margin-left:0;
}
.game li.sixth{
	background-position:-500px 0;
	margin-top:77px;
	margin-left:0;
}
.game li.seventh{
	background-position:-600px 0;
	margin-top:67px;
	margin-left:0;
}
.game li.started{
	background:url(../images/sprites.png) no-repeat 0 -132px;
	cursor:pointer;
}
.game .second-started{
	background:url(../images/sprites.png) no-repeat -100px -132px;
	margin-top:55px;
	margin-left:0;
	cursor:pointer;
}
.game .third-started{
	background:url(../images/sprites.png) no-repeat -200px -132px;
	margin-top:70px;
	margin-left:5px;
	cursor:pointer;
}
.game .fourth-started{
	background-position:-300px -132px;
	margin-top:85px;
	margin-left:10px;
	cursor:pointer;
}
.game .fifth-started{
	background-position:-400px -132px;
	margin-top:85px;
	margin-left:0;
	cursor:pointer;
}
.game .sixth-started{
	background-position:-500px -132px;
	margin-top:77px;
	margin-left:0;
	cursor:pointer;
}
.game .seventh-started{
	background-position:-600px -132px;
	margin-top:67px;
	margin-left:0;
	cursor:pointer;
}
.game li.checked{
	background-position:0 -262px;
}
.game .second-checked{
	background-position:-100px -262px;
	margin-top:55px;
	margin-left:0;
}
.game .third-checked{
	background-position:-200px -262px;
	margin-top:70px;
	margin-left:5px;
}
.game .fourth-checked{
	background-position:-300px -262px;
	margin-top:85px;
	margin-left:10px;
}
.game .fifth-checked{
	background-position:-400px -262px;
	margin-top:85px;
	margin-left:0;
}
.game .sixth-checked{
	background-position:-500px -262px;
	margin-top:77px;
	margin-left:0;
}
.game .seventh-checked{
	background-position:-600px -262px;
	margin-top:67px;
	margin-left:0;
}

.begin{
	display:block;
	float:left;
	margin:5px 0 10px 300px !important;
	*margin:5px 0 10px 150px;
	background:url(../images/sprites.png) 0 -424px;
	width:185px;
	height:50px;
	line-height:50px;
	border:0 none;
	text-indent:-12345px;
	cursor:pointer;
}
.begin.goon{
	background-position:-195px -424px;
}
.num{
	color:#d1eeff;
	float:left;
	margin-top:30px;
}
.num em{
	font-style:normal;
	font-weight:bold;
	color:#ffde00;
}
.tips{
	float:left;
	font:26px \5fae\8f6f\96c5\9ed1\000d\000a;
	color:#ffde00;
	width:185px;
	height:37px;
	margin:18px 0 10px 300px;
	*margin:18px 0 10px 150px;
	text-align:center;
	display:none;
}
.total{
	background:rgba(255, 255, 255, 0.5);
	background:#99C2E2\9;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	width:205px;
	font-weight:bold;
	font-size:14px;
	text-align:center;
	margin-left:290px;
	*margin-top:10px;
}
.content{
	/*width:740px;*/
	margin:0 auto;
	padding:20px 0;
	background:#a0d6f9;
}
.content dt,
.content dd{
	float:left;
}
.content dt{
	width:355px;
	margin-right:30px;
}
.content h1{
	background:url(../images/sprites.png) no-repeat -800px 0;
	padding-left:50px;
	height:32px;
	font:20px/40px \5fae\8f6f\96c5\9ed1\000d\000a;
	overflow:hidden;
	padding-top:8px;
	padding-bottom:5px;
	margin-bottom:10px;
	border-bottom:1px solid #519fd3;
}
.content h1.rule{
	background-position:-800px -63px;
}
.content h1.rank{
	background-position:-800px -126px;
}
.content .prop{
	font:16px \5fae\8f6f\96c5\9ed1\000d\000a;
	text-align:center;
	margin:20px 0;
}
b{
	display:block;
	width:30px;
	height:30px;
	background:url(../images/corner.png) no-repeat;
}
b.rtop{
	background-position:-36px 0;
}
b.lbottom{
	background-position:0 -32px;
}
b.rbottom{
	background-position:-36px -32px;
}
.content li{
	margin-bottom:5px;
}
.content dt span{
	display:block;
	float:left;
	background:#0269ae;
	width:13px;
	height:13px;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	margin-right:5px;
	line-height:13px;
	text-align:center;
	margin-top:5px;
}
.content dt li p{
	float:left;
	width:335px
}
.reward{
	margin:10px 0 0 60px;}
.reward th{
	color:#d1eeff;
	background:#368bc4;
	padding:5px 0;
}
.reward td{
	text-align:center;
	padding:3px 0;
	background:#c1e6ff;
	border-bottom:1px solid #a0d6f9;
}
.ranking{
	background:url(../images/sprites.png) no-repeat -793px -221px;
	width:227px;
	padding:25px 20px 0;
	height:540px;
}
.ranking th{
	color:#ffde00;
	padding-bottom:5px;
}
.ranking td{
	border-bottom:1px solid #51a2d8;
	color:#fff;
	text-align:center;
	padding:3px 0;	
}
.ranking td span{
	display:block;
	height:20px;
	line-height:20px;
	overflow:hidden;
}
.footer {
	width: 760px;
	margin: 40px auto 20px;
	text-align: center;
}
